<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="widtd=device-widtd, initial-scale=1, shrink-to-fit=no" charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/bootstrap-table.min.css">

    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../js/bootstrap.bundle.min.js"></script>
    <script src="../js/bootstrap-table.min.js"></script>
    <script src="../js/bootstrap-table-zh-CN.min.js"></script>
    <script src="../js/tankai/Dmbg.js"></script>

    <style>
        body {
            background-color: #d1ecf1;
        }

        .row {
            margin-top: 8px;
            margin-left: 20px;
        }

        span {
            font-size: 15px;
        }

        .xia {
            border: none;
            border-bottom: 1px solid black;
            background-color: #f8fafa;
        }

        .tables {
            border: none;
            background-color: #f1f1f1;
        }

        #datetime {
            background-color: #f8fafa;
            border: none;
        }
    </style>
</head>
<body>

<div class="row" style="margin-top: 10px;margin-left: 20px;">
    <div class="col text-left">
        <span style="color: #0c84ff;">你正在做的业务是：产品物料组成设计—物料组成设计单变更—物料组成设计单查询修改</span>
    </div>
</div>
<hr>
<div class="container h-100" style="height: 900px;">
    <div class="row" style="margin-top: 10px;">
        <div class="col text-left">
            <span>至少要有一种物料（数量不可为0）</span>
        </div>
        <div class="col text-right">
            <input type="button" value="添加新物料" onclick="add()" class="ad btn btn-warning">
            <input type="button" value="删除物料" onclick="Del()" class="ad btn btn-danger">
            <input type="button" value="重新提交" onclick="sut()" class="btn btn-success">
            <input type="button" onclick="hh()" value="返回" class="btn btn-primary">
        </div>
    </div>
    <div style="border-style: groove;margin-top: 10px;background-color:#f8fafa">
        <div class="row text-center">
            <div class="col text-center">
                <h4 style="margin-top: 10px;margin-left: -80px;">物料组成设计单</h4>
            </div>
        </div>
        <div class="row">
            <div class="col text-left">
                <span>产品名称：</span>
                <input type="text" id="productname" class="xia">
            </div>
            <div class="col text-left">
                <span>产品编号：</span>
                <input type="text" id="productid" class="xia">
            </div>
        </div>
        <div class="row">
            <div class="col text-left">
                <span> &nbsp; 设计人 ：</span>
                <input type="text" id="sjr" class="xia">
            </div>
        </div>
        <div class="row" style="width: 90%;font-size: 12px;">
            <div class="col text-left">
                <table id="tableAdd" class="table table-bordered text-left" style="background-color: #f1f1f1">
                </table>
            </div>
        </div>
        <div class="row">
            <div class="col text-left">
                <span> &nbsp; 登记人 ：</span>
                <input type="text" id="name" class="xia">
            </div>
            <div class="col text-left">
                <span> &nbsp; 登记时间 ：</span>
                <input type="text" id="datetime">
            </div>
        </div>
        <div class="row" style="margin-top: 14px;">
            <div class="col text-left">
                <span>  设计要求：</span><br>
                <textarea id="remark" style="width: 70%;margin-left: 80px;"></textarea>
            </div>
        </div>
        <div style="margin-top: 50px;">
        </div>
    </div>
</div>

<div id="AccRoleModal" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog"
     aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">添加物料</h5>
            </div>
            <div class="modal-body" style="width: 100%;">
                <div class="form-group">
                    <table id="tm01"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1"
     aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">提示!</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" style="color: lime;font-weight: 600;">
               提交成功！
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" onclick="hh()" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>